@mixin setEllipsis($i:2) {
    > text {
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: $i * 20 * $unit1px;
        line-height: $i * 10 * $unit1px;
        -webkit-line-clamp: $i;
    }
}

.azm-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;


}

.azm-ellipsis--l1 {
    > text {
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }
}

@for $i from 2 through 5 {
    .azm-ellipsis--l#{$i} {
        @include setEllipsis($i)
    }
}
